<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>列表页</title>
	<link rel="stylesheet" type="text/css" href="http://localhost/jumei/Application/Index/View/Public/css/list.css"/>
	<!-- 引头部 -->
	<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<script src="http://localhost/jumei/Static/js/jquery-1.7.2.min.js"></script>
	<script src="http://localhost/jumei/Application/Index/View/Public/js/index.js"></script>
	<link rel="stylesheet" type="text/css" href="http://localhost/jumei/Application/Index/View/Public/css/style.css"/>
</head>
<body>
	<!--网页右侧导航条开始-->
	<div id="web-left">
		<ul class="top">
			<li class="login">
				<a href="">
					<span class="login-logo"></span>
				</a>
				<div class="display-box">
					<span class="trigon"></span>
					<span class="box-close"></span>
					    <?php if($hd['session']['uid']&&$hd['session']['user']){ ?>
						<!--登陆后替换部分-->
						<div class="login-after">
							<p class="login-logo"></p>
							<p class="username">用户名：<?php echo $hd['session']['user'];?></p>
						</div>
						<!--登陆后替换部分结束-->
					<?php }else{ ?>
						<!--未登录替换-->
						<p class="login-logo-no"></p>
						<p class="login-reg">
							你好！请
							<a href="<?php echo U('Login/index');?>">登录</a>
							 | 
							 <a href="<?php echo U('Reg/index');?>">注册</a>
						</p>
						<!--未登录替换结束-->
					<?php } ?>
					<p class="my-order-box">
						<a href="<?php echo U('Center/index');?>" class="my-order">我的订单</a>
						<a href="<?php echo U('Center/index');?>" class="my-collect">我的收藏</a>
					</p>
				</div>
			</li>
			<li class="shop-car">
				<a href="<?php echo U('Cart/index');?>">
					<span class="top-line"></span>
					<span class="bottom-line"></span>
					<span class="car-logo"></span>
					<span class="text">购物车</span>
					<span class="num">
						    <?php if($hd['session']['cart']['total_rows']){ ?>
							<?php echo $hd['session']['cart']['total_rows'];?>
						<?php }else{ ?>
							0
						<?php } ?>
					</span>
				</a>
			</li>
			<li class="my-money">
				<a href="<?php echo U('Center/index');?>">
					<span></span>
				</a>
				<div class="display-box-l">
					我的资产
					<span class="trigon"></span>
				</div>
			</li>
			<li class="my-hope">
				<a href="<?php echo U('Center/index');?>">
					<span></span>
				</a>
				<div class="display-box-l">
					我的心愿单
					<span class="trigon"></span>
				</div>
			</li>
			<li class="my-look">
				<a href="<?php echo U('Center/index');?>">
					<span></span>
				</a>
				<div class="display-box-l">
					我看过的
					<span class="trigon"></span>
				</div>
			</li>
			<li class="my-want">
				<a href="<?php echo U('Center/index');?>">
					<span>充</span>
				</a>
				<div class="display-box-l">
					我要充值
					<span class="trigon"></span>
				</div>
			</li>
		</ul>
		<ul class="bottom">
			<li class="code">
				<a href="">
					<span></span>
				</a>
			</li>
			<li class="kefu">
				<a href="">
					<span></span>
				</a>
			</li>
		</ul>
		<div class="top-back">
				<a href="javascript:;">
					<span></span>
				</a>
				<div class="display-box display-box-l">
					返回顶部
					<span class="trigon"></span>
				</div>
		</div>
	</div>
	<!--网页右侧导航条结束-->
	<!--头部开始-->
	<div id="top">
		<div class="top-box">
			<ul class="welcome">
				    <?php if($hd['session']['uid']&&$hd['session']['user']){ ?>
					<!--替换-------------------------------->
					<li>欢迎您,</li>
					<li><a href="<?php echo U('Center/index');?>" class="login"><?php echo $hd['session']['user'];?></a></li>
					<li>[ <a href="<?php echo U('Common/out');?>" class="login">退出</a> ]</li>
					<!-- 登陆替换结束 -->
				<?php }else{ ?>
					<!-- 未登录替换 -->
					<li>欢迎来到聚美！</li>
					<li><a href="<?php echo U('Login/index');?>">请登录</a></li>
					<li><a href="<?php echo U('Reg/index');?>">快速注册</a></li>
					<!-- 未登录替换结束 -->
				<?php } ?>
			</ul>
			<p class="city">送至 <span>北京</span><span class="city-logo"></span></p>
			<ul class="right">
				<li><a href="<?php echo U('Center/index');?>">订单查询</a></li>
				<li class="collect">
					<span class="collect-logo"></span>
					<a href="<?php echo U('Center/index');?>">收藏的品牌</a>
				</li>
				<li class="myjumei">
					<a href="<?php echo U('Center/index');?>">我的聚美</a>
					<span class="myjumei-logo"></span>
					<ul class="myjumei-list">
						<li><a href="<?php echo U('Center/index');?>">我的订单</a></li>
						<li><a href="<?php echo U('Center/index');?>">我的足迹</a></li>
					</ul>
				</li>
				<li class="phone"><span class="line"></span><span class="phone-logo"></span><a href="">手机聚美</a></li>
				<li class="koubei">
					<a href=""><span class="koubei-logo"></span>口碑中心</a></li>
				<li class="look">
					<span class="line"></span>
					<a href=""><span class="look-logo"></span>查看分类</a></li>
				<li class="more">
					<a href="">更多</a>
					<span class="more-logo"></span>
				</li>
			</ul>
		</div>
	</div>
	<!--头部结束-->
<!--搜索栏和黑色导航开始-->
<div id="seach-black" style="background-color: #FFFFFF;">
	<!--搜索栏开始-->
	<div id="seach-box">
		<div id="seach">
			<a href="<?php echo U('Index/index');?>" class="web-logo"></a>
			<a href="<?php echo U('Index/index');?>" class="web-logo-2"></a>
			<div class="seach-center">
				<form action="" method="post" class="seach-form">
					<input type="text" name="" id="seach-text" />
					<input type="submit" value="搜美妆" class="seach-submit"/>
				</form>
				<ul class="hotword">
					<?php foreach ($hotCate as $k=>$v){?>
						<li><a href="<?php echo U('List/index',array('cid'=>$v['cid']));?>"><?php echo $v['cname'];?></a><span class="line"></span></li>
					<?php }?>
				</ul>
			</div>
			<div class="shop-box">
				<a href="<?php echo U('Cart/index');?>" class="shop-car">
					<img src="http://localhost/jumei/Application/Index/View/Public/images/car.gif" alt="" />
					<p class="car-text">去购物车结算</p>
					<span class="car-logo"></span>
				</a>
				<ul class="cart-good-list">
					    <?php if(!$hd['session']['cart']['goods']){ ?>
						<li class="null">
							<p>购物车中还没有商品，</p>
							<p>快去挑选心爱的商品吧！</p>
						</li>
					<?php }else{ ?>
						<?php foreach ($hd['session']['cart']['goods'] as $k=>$v){?>
							<li class="cart-good">
								<img src="http://localhost/jumei/<?php echo $v['options']['logo'];?>" alt="" class="cart-good-img" />
								<a href="<?php echo U('Content/index',array('gid'=>$v['id']));?>" class="cart-good-title"><?php echo $v['name'];?></a>
								<p class="cart-good-money"><span>￥<?php echo $v['price'];?></span> x <?php echo $v['num'];?></p>
							</li>
						<?php }?>
						<div class="bottom-go">
							<div class="money-left">
								<p class="good-num">
									共 <span><?php echo $hd['session']['cart']['total_rows'];?></span> 件商品
								</p>
								<p class="good-money">
									共计<span class="logo">￥</span><span><?php echo $hd['session']['cart']['total'];?></span>
								</p>
							</div>
							<a href="<?php echo U('Cart/index');?>" class="go-pay">去购物车结算</a>
						</div>
					<?php } ?>
				</ul>
			</div>
		</div>
	</div>
	<!--搜索栏结束-->
	<!--黑色导航栏-->
	<div id="black-nav">
		<div class="black-nav-box">
			<ul class="nav-list">
				<li class="home"><a href="<?php echo U('Index/index');?>">首页</a></li>
				<li>
					<a href="<?php echo U('Index/index');?>" class="nav-title">极速免税店</a>
					<span class="flag"></span>
				</li>
				<li class="nav-mall">
					<a href="<?php echo U('Index/index');?>" class="nav-title">美妆商城</a>
					<span class="line"></span>
					<div class="mall-menu">
						<div class="left-img-box">
							<a href="<?php echo U('List/index',array('cid'=>7));?>" class="left-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/30573_254_135_003-web.jpg" alt="" /></a>
							<a href="<?php echo U('List/index',array('cid'=>7));?>" class="left-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/30573_254_135_005-web.jpg" alt="" /></a>
						</div>
						<ul class="right-cate-box" style="margin-top: 10px;">
							<?php foreach ($headData as $ka=>$va){?>
								<li class="category">
									<p class="ctitle">
										<span class="cate-logo1" ></span>
										<?php echo $va['cname'];?>
									</p>
									<div class="cate-son-box">
										<?php foreach ($va['son'] as $kk=>$vv){?>
											<a href="<?php echo U('List/index',array('cid'=>$vv['cid']));?>"><?php echo $vv['cname'];?></a>
										<?php }?>
									</div>
								</li>
							<?php }?>
						</ul>
					</div>
				</li>
				<li><a href="<?php echo U('Index/index');?>" class="nav-title">服装运动</a></li>
				<li><a href="<?php echo U('Index/index');?>" class="nav-title">鞋包配饰</a></li>
				<li>
					<a href="<?php echo U('Index/index');?>" class="nav-title">正品保证</a>
					<span class="line"></span>
				</li>
			</ul>
			<ul class="nav-right">
				<li><a href=""><span class="logo1"></span></a></li>
				<li><a href=""><span class="logo2"></span></a></li>
				<li><a href=""><span class="logo3"></span></a></li>
			</ul>
		</div>
	</div>
	<!--黑色导航栏结束-->
</div>
<!--搜索框和黑色导航合并结束-->
	<!--小搜索栏开始-->
	<div id="little-seach">
		<a href="" class="home">化妆品首页</a>
		<p>></p>
		<form action="" method="post">
			<input type="text" name="" class="little-seach-text" />
			<input type="submit" value="" class="little-seach-submit"/>
		</form>
	</div>
	<!--小搜索栏结束-->
	<!--筛选开始-->
	<div id="screen">
		<div class="title">
			在<span><?php echo $cname;?></span>中筛选
		</div>
		    <?php if($brandData){ ?>
		<div class="brand">
			<div class="brand-box">
				<div class="left-title">品牌:</div>
				<ul class="brand-list">
					<li>
						<a href="<?php echo U('List/index',array('cid'=>$_GET['cid'],'param'=>implode('_',$param)));?>"     <?php if(!$hd['get']['bid']){ ?>class="hover"<?php } ?>>不限</a>
					</li>
					<?php foreach ($brandData as $kk=>$vv){?>
						<li><a href="<?php echo U('List/index',array('cid'=>$_GET['cid'],'bid'=>$vv['bid'],'param'=>implode('_',$param)));?>"     <?php if($hd['get']['bid']==$vv['bid']){ ?>class="hover"<?php } ?>><?php echo $vv['bname'];?></a></li>
					<?php }?>
				</ul>
				<!-- <a href="" class="check"></a>
				<a href="" class="more">
					展开
					<span></span>
				</a> -->
			</div>
		</div>
		<?php } ?>
		<?php foreach ($tempAttrFinal as $k=>$v){?>
			<?php 
				$temp = $param;
				$temp[$k] = 0;
			 ?>
			<div class="brand">
				<div class="brand-box">
					<div class="left-title"><?php echo $v['tname'];?>:</div>
					<ul class="brand-list">
						<li>
							<a href="<?php echo U('List/index',array('cid'=>$_GET['cid'],'bid'=>$_GET['bid'],'param'=>implode('_',$temp)));?>"     <?php if($param[$k]==0){ ?>class="hover"<?php } ?>>不限</a>
						</li>
						<?php foreach ($v['tvalue'] as $ka=>$va){?>
							<?php 
								$temp[$k] = $va['gaid'];
							 ?>
							<li><a href="<?php echo U('List/index',array('cid'=>$_GET['cid'],'bid'=>$_GET['bid'],'param'=>implode('_',$temp)));?>"     <?php if($param[$k]==$va['gaid']){ ?>class="hover"<?php } ?>><?php echo $va['gavalue'];?></a></li>
						<?php }?>
					</ul>
					<!-- <a href="" class="check"></a>
					<a href="" class="more">
						展开
						<span></span>
					</a> -->
				</div>
			</div>
		<?php }?>
		<script type="text/javascript">
		// $(function(){
		// 	$('.brand-list li a').click(function() {
		// 		$(this).addClass('hover').parent('li').siblings('li').find('a').removeClass('hover');
		// 	});
		// })
		</script>
	</div>
	<!--筛选结束-->
	<!--商品列表开始-->
	<div id="good-list">
		<div class="list-top">
			<ul class="left">
				<li class="sort">排序:</li>
				<li>
					<a href="">
						默认
						<span class="default"></span>
					</a>
				</li>
				<li>
					<a href="">
						价格
						<span class="money"></span>
					</a>
					
				</li>
				<li>
					<a href="">
						销量
						<span class="much"></span>
					</a>
					
				</li>
				<li>
					<a href="">
						人气
						<span class="pop"></span>
					</a>
				</li>
				<li>
					<a href="">
						上架时间
						<span class="default up"></span>
					</a>
				</li>
				<li style="width: 100px;">
					<a href="" style="width: 100px;">
						<span style="margin-left: 20px;">只看特卖</span>
						<span class="look"></span>
					</a>
				</li>
			</ul>
			<div class="page">
				<div class="shop">
					共<span><?php echo $total;?></span>个商品
					<span class="line"></span>
				</div>
				<div class="page-num">
					<span>1</span>/128页
				</div>
				<a href="" class="front">上一页</a>
				<a href="" class="front next">下一页</a>
			</div>
		</div>
		<div class="shop-box">
			    <?php if($data){ ?>
			<ul class="shop-box-list">
				<?php foreach ($data as $k=>$v){?>
					<li class="good">
					<span class="good-logo"></span>
					<a href="<?php echo U('Content/index',array('gid'=>$v['gid']));?>"><img src="http://localhost/jumei/<?php echo $v['gpic'];?>" alt="" class="good-img" /></a>
					<a href="<?php echo U('Content/index',array('gid'=>$v['gid']));?>" class="title-s">
						<strong><?php echo $v['sale'];?>折 / </strong>
						<?php echo $v['gname'];?>
					</a>
					<p class="money">
						<span class="logo">¥</span>
						<span class="now_money"><?php echo $v['new_price'];?></span>
						<span class="old-money">¥<?php echo $v['old_price'];?></span>
					</p>
					<p class="time-people">
						<span class="buy">9757人已购买|</span>
						<span class="time">12</span>
						<span class="time-text"> 时 </span>
						<span class="time">08</span>
						<span class="time-text"> 分 </span>
						<span class="time">47</span>
						<span class="time-text"> 秒</span>
					</p>
					<a href="" class="join"></a>
					</li>
				<?php }?>
			</ul>
			<?php }else{ ?>
			没有找到相关商品
			<?php } ?>
		</div>
		<div class="page-bottom">
			<ul class="page-list">
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>下一页</li>
			</ul>
		</div>
	</div>
	<!--商品列表结束-->
	<!--最终购买开始-->
	<div id="last-buy">
		<div class="top">
			搜索“保湿”的用户最终购买
		</div>
		<ul>
			<li class="good">
				<a href="" class="good-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="http://localhost/jumei/Application/Index/View/Public/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
		</ul>
	</div>
	<!--最终购买结束-->
	<!--搜索全部-->
	<div id="seach-all">
		<p class="seach-title">搜索全部</p>
		<form action="" method="post" class="seach-form">
			<input type="text" name="" class="seach-text" value="" />
			<input type="submit" value="" class="seach-submit"/>
		</form>
		<p class="go"><a href="">去口碑中心搜索</a></p>
	</div>
	<!--搜索全部结束-->
	<!--最近查看商品开始-->
	<div id="look-good">
		<p class="look-title">您最近查看的商品RECENTLY VIEWD ITEMS</p>
		<ul class="look-list">
			<li class="left">
				<p class="title">查看记录</p>
				<p class="null">你最近没有浏览过聚美商品，
快去逛逛吧~</p>
			</li>
			<li class="right">
				<p class="title">
					根据查看记录推荐
					<span>第0页,共0页</span>
				</p>
				<p class="null">对不起，暂时没有数据！</p>
			</li>
		</ul>
	</div>
	<!--最近查看商品结束-->
		<!--网站底部白色区域开始-->
	<div id="bottom-white">
		<!--第一层最大美妆电商层-->
		<ul class="first">
			<li style="width:130px">
				<a href="" style="width:130px">
					<span class="logo1"></span>
					<p class="web-title">最大美妆电商</p>
					<p class="web-title-s">四千万用户信赖</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo2"></span>
					<p class="web-title">成功在美上市</p>
					<p class="web-title-s">股票代码NYSE:JMEI</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="logo3"></span>
					<p class="web-title">品牌防伪码</p>
					<p class="web-title-s">支持品牌官网验真</p>
				</a>
			</li>
			<li style="width:168px">
				<a href="" style="width:168px">
					<span class="logo4"></span>
					<p class="web-title">30天无理由退货</p>
					<p class="web-title-s">只要不满意无理由退货</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo5"></span>
					<p class="web-title">百万用户口碑</p>
					<p class="web-title-s">帮你只选对的,不选贵的</p>
				</a>
			</li>
			<li style="width:158px">
				<a href="" style="width:158px">
					<span class="logo6"></span>
					<p class="web-title">订单闪电发货</p>
					<p class="web-title-s">1.5小时订单急速出库</p>
				</a>
			</li>
			<li style="width:134px">
				<a href="" style="width:134px">
					<span class="logo6"></span>
					<p class="web-title">大牌明星热荐</p>
					<p class="web-title-s">打造精致明星脸</p>
				</a>
			</li>
		</ul>
		<!--第一层最大美妆电商层结束-->
		<!--第二层服务保证开始-->
		<div class="second">
			<ul class="second-list1">
				<li class="title">服务保障</li>
				<li><a href="">品牌真品防伪码</a></li>
				<li><a href="">100%正品保证</a></li>
				<li><a href="">30天无条件退货</a></li>
				<li><a href="">7×24小时客服服务</a></li>
				<li><a href="">总裁邮箱ceo@jumei.com</a></li>
			</ul>
			<ul>
				<li class="title">使用帮助</li>
				<li><a href="">新手指南</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">帮助中心</a></li>
				<li><a href="">用户协议</a></li>
				<li><a href="">企业用户团购</a></li>
			</ul>
			<ul>
				<li class="title">支付方式</li>
				<li><a href="">货到付款</a></li>
				<li><a href="">在线支付</a></li>
				<li><a href="">余额支付</a></li>
				<li><a href="">现金券支付</a></li>
			</ul>
			<ul>
				<li class="title">配送方式</li>
				<li><a href="">包邮政策</a></li>
				<li><a href="">配送说明</a></li>
				<li><a href="">运费说明</a></li>
				<li><a href="">验货签收</a></li>
			</ul>
			<ul class="second-list2">
				<li class="title">售后服务</li>
				<li><a href="">正品承诺</a></li>
				<li><a href="">售后咨询</a></li>
				<li><a href="">退货政策</a></li>
				<li><a href="">退货办理</a></li>
			</ul>
			<div class="code">
				<p style="margin-right: 40px;">
					<span class="phone-title">手机聚美</span>
					<span class="code-phone"></span>
					<span class="download">下载移动客户端</span>
				</p>
				<p>
					<span class="phone-title">聚美微信</span>
					<span class="code-wechat"></span>
					<span class="download">聚美官方微信</span>
				</p>
			</div>
		</div>
		<!--第二层服务保证结束-->
		<!--第三层为自己代言开始-->
		<div class="third">
		</div>
		<!--第三层为自己代言结束-->
	</div>
	<!--网站底部白色区域结束-->
	<!--底部第一层黑色区域开始-->
	<div id="first-black">
		<div class="first-black-box">
			<a href="">关于聚美优品</a>
			<a href="">INVESTOR RELATIONS</a>
			<a href="">商家入驻</a>
			<a href="">获取更新</a>
			<a href="">加入聚美</a>
			<a href="">品牌合作专区</a>
			<a href="">网站联盟</a>
			<a href="">媒体报道</a>
			<a href="">商务合作</a>
		</div>
	</div>
	<!--第一层黑色区域结束-->
	<!--第二层黑色开始-->
	<div id="second-black">
		<div class="second-black-box">
			<p>COPYRIGHT © 2010-2015 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-123-8888 </p>
			<br />
			<p>京公网安备 11010102001226 | <a href="">京ICP备10046944号</a> | 食品流通许可证 SP1101051110165515（1-1）                     | <a href="">营业执照</a></p>
			<p class="bottom-logo-box">
				<a href="" class="bottom-logo1"></a>
				<a href="" class="bottom-logo2"></a>
				<a href="" class="bottom-logo3"></a>
				<a href="" class="bottom-logo4"></a>
				<a href="" class="bottom-logo5"></a>
			</p>
		</div>
	</div>
	<!--第二层黑色结束-->
</body>
</html>